<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>首页</title>
  <link type="text/css" rel="stylesheet" href="css/style.css" />
  <link type="text/css" rel="stylesheet" href="css/index.css" />
  <script src="js/jquery.min.js"></script>
  <!-- 动态菜单JS -->
  <script type="text/javascript" src="js/menu.js"></script>
</head>

<body>
  <div class="container">
    <div class="cont-top">
      <div class="companyname">苏州科技大学防疫管理后台</div>
      <div class="cont-top-rg">
        <ul class="advanced-menu">
          <li>
            <div class="top-search">
              <div class="t-s-l">
                <span class="left-line"></span>
                <input type="text" value="搜库存" class="search-type" disabled>
                <span class="triangle-bottom"></span>
              </div>
              <div class="t-s-l">
                <input type="text" placeholder="请输入商品编码或名称" class="search-dt" autocomplete="off">
                <span class="right-line"></span>
                <span class="right-icon"><img src="img/search-icon.png"></span>
              </div>
            </div>
          </li>
          <li class="default" style="position:relative;">
            <span class="user"><img src="img/user.png"></span>
            <a href="#" class="special">小丫头 <i><img src="img/xl.png"></i></a>
            <div class="drop-down-wrap" style="width:180px;left:15px;display: none;">
              <div class="drop-down">
                <span class="triangle-border"></span>
                <span class="triangle-bg"></span>
                <ul class="del-ul">
                  <li><a href="#" class="hot">首耀照明</a></li>
                  <li><a href="#">小丫头</a></li>
                  <li><a href="#">操作日志</a></li>z
                </ul>
              </div>
            </div>
          </li>
        </ul>
        <ul class="advanced-menu">
          <li>
            <a href="#"><img src="img/top-icon1.png"></a>
          </li>
          <li>
            <a href="#"><img src="img/top-icon2.png"></a>
          </li>
          <li>
            <a href="#"><img src="img/top-icon3.png"></a>
          </li>
          <li>
            <a href="#"><img src="img/top-icon4.png"></a>
          </li>
          <li>
            <a href="#"><img src="img/top-icon5.png"></a>
          </li>
        </ul>
      </div>
    </div>
    <div class="left-menu" style="height:949px;">
      <div class="menu-list">
        <ul>
          <li class="menu-list-01">
            <a href="ck-kffp.html">
              <p class="fumenu">库房管理</p>
              <img class="xiala" src="img/xiala.png" />
            </a>
            <div class="list-p">
              <p class="zcd" id="zcd5">入库单</p>
              <p class="zcd" id="zcd6">出库单</p>
              <p class="zcd" id="zcd7">库存余额表</p>
            </div>
          </li>

          <li class="menu-list-02">
            <a href="cj-ckd.html">
              <p class="fumenu">财务管理</p>
              <img class="xiala" src="img/xiala.png" />
            </a>
            <div class="list-p">
              <p class="zcd" id="zcd15">记录出款和入款</p>
              <p class="zcd" id="zcd16">计算一段时间的利润</p>
            </div>
          </li>

          <li class="menu-list-01">
            <a href="kh-khgl.html">
              <p class="fumenu">客户管理</p>
              <img class="xiala" src="img/xiala.png" />
            </a>
            <div class="list-p">
              <p class="zcd" id="zcd17">客户基本信息</p>
              <p class="zcd" id="zcd18">客户VIP登记管理</p>
              <p class="zcd" id="zcd19">客户信息管理</p>
              <p class="zcd" id="zcd20">客户订单管理</p>
              <p class="zcd" id="zcd21">转移客户</p>
            </div>
          </li>

          <li class="menu-list-02">
            <a href="yg-jbxx.html">
              <p class="fumenu">员工管理</p>
              <img class="xiala" src="img/xiala.png" />
            </a>
            <div class="list-p">
              <p class="zcd" id="zcd22">员工基本信息</p>
              <p class="zcd" id="zcd23">员工权限</p>
              <p class="zcd" id="zcd24">开通新客户</p>
              <p class="zcd" id="zcd25">销售额管理</p>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="right-menu">
      <div class="main-hd">
        <div class="page-teb" style="height:887px;">
          <div class="l-tab-links">
            <ul style="left:0;">
              <li class="l-select">
                <a href="#" style="padding:0 25px;">首页</a>
              </li>
            </ul>
          </div>
          <div class="l-tab-content" style="height:851px;">
            <div class="tab-content-item">
              <div class="home">
                <!--成交金额-->
                <div class="space-style">
                  <div class="col-xs">
                    <a href="#" class="title-button bg-deep">
                      <div class="carousel">
                        <div class="left-img">
                          <i><img src="img/left-img1.png"></i>
                          <p>成交金额</p>
                        </div>
                        <div class="right-info">4536.25元</div>
                      </div>
                    </a>
                  </div>

                  <div class="col-xs">
                    <a href="#" class="title-button bg-red">
                      <div class="carousel">
                        <div class="left-img bg-color-red">
                          <i><img src="img/left-img2.png"></i>
                          <p>订单</p>
                        </div>
                        <div class="right-info">4589笔</div>
                      </div>
                    </a>
                  </div>

                  <div class="col-xs">
                    <a href="#" class="title-button bg-green">
                      <div class="carousel">
                        <div class="left-img bg-color-green">
                          <i><img src="img/left-img3.png"></i>
                          <p>通知</p>
                        </div>
                        <div class="right-info">125条</div>
                      </div>
                    </a>
                  </div>

                  <div class="col-xs">
                    <a href="#" class="title-button bg-orange">
                      <div class="carousel">
                        <div class="left-img bg-color-orange">
                          <i><img src="img/left-img4.png"></i>
                          <p>待处理</p>
                        </div>
                        <div class="right-info">10条</div>
                      </div>
                    </a>
                  </div>

                  <div class="col-xs">
                    <a href="#" class="title-button bg-purple">
                      <div class="carousel">
                        <div class="left-img bg-color-purple">
                          <i><img src="img/left-img5.png"></i>
                          <p>留言</p>
                        </div>
                        <div class="right-info">48条</div>
                      </div>
                    </a>
                  </div>

                  <div class="col-xs">
                    <a href="#" class="title-button bg-yellow">
                      <div class="carousel">
                        <div class="left-img bg-color-yellow">
                          <i><img src="img/left-img6.png"></i>
                          <p>紧急通知</p>
                        </div>
                        <div class="right-info">2条</div>
                      </div>
                    </a>
                  </div>
                </div>

                <!--折线图-->
                <div class="home-goods panel">
                  <div class="home-mychart" style="height:400px;overflow:hidden;">
                    <p>销售对比分析</p>
                    <img src="img/chart.png">
                  </div>
                </div>

                <!--销售情况-->
                <div class="order-form">
                  <div class="col-xs-3 col-lg-7">
                    <div class="admin-info">
                      <div class="title-name">
                        <i></i>
                        登录记录
                        <a href="#">+更多</a>
                      </div>
                      <table class="record-list">
                        <tbody>
                          <tr>
                            <td>管理员</td>
                            <td>2017-05-26</td>
                          </tr>

                          <tr>
                            <td>管理员</td>
                            <td>2017-05-26</td>
                          </tr>

                          <tr>
                            <td>管理员</td>
                            <td>2017-05-26</td>
                          </tr>

                          <tr>
                            <td>管理员</td>
                            <td>2017-05-26</td>
                          </tr>

                          <tr>
                            <td>管理员</td>
                            <td>2017-05-26</td>
                          </tr>

                          <tr>
                            <td>管理员</td>
                            <td>2017-05-26</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>

                  <div class="col-xs-6 ranking-style">
                    <div class="frame">
                      <div class="title-name">
                        <i></i>
                        商品销售排行
                        <a href="#">+更多</a>
                      </div>
                      <table class="table table-list">
                        <thead>
                          <tr>
                            <th width="50">排名</th>
                            <th>商品编号</th>
                            <th>商品名称</th>
                            <th width="80">销售数量</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td>
                              <em>1</em>
                            </td>
                            <td>2355456</td>
                            <td><a href="#">景观灯系列</a></td>
                            <td>26</td>
                          </tr>

                          <tr>
                            <td>
                              <em>1</em>
                            </td>
                            <td>2355456</td>
                            <td><a href="#">景观灯系列</a></td>
                            <td>26</td>
                          </tr>

                          <tr>
                            <td>
                              <em>1</em>
                            </td>
                            <td>2355456</td>
                            <td><a href="#">景观灯系列</a></td>
                            <td>26</td>
                          </tr>

                          <tr>
                            <td>
                              <em>1</em>
                            </td>
                            <td>2355456</td>
                            <td><a href="#">景观灯系列</a></td>
                            <td>26</td>
                          </tr>

                          <tr>
                            <td>
                              <em>1</em>
                            </td>
                            <td>2355456</td>
                            <td><a href="#">景观灯系列</a></td>
                            <td>26</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>

</html>